<template>
  <div class="liubotukuang">
    <div class="lunbotu">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="(v, i) in arr2" :key="i">
          <img :src="v.imgs" alt="" />
        </van-swipe-item>
        <!-- <van-swipe-item>
          <img src="img/7.gif" alt="" />
        </van-swipe-item> -->
      </van-swipe>
    </div>
  </div>
</template>

<script>
import { Swipe, SwipeItem } from "vant";
import getlink from "../../apis/getapi"
export default {
  data() {
    return {
      arr2:[],
    }
  },           
  
  mounted() {
    getlink("/data/list/xiaoming").then((ok) => {
      console.log(ok.data.aectionthree);
      this.arr2 = ok.data.aectionthree;
    });
  },

  components: { vanSwipeItem: SwipeItem, vanSwipe: Swipe },
};
</script>

<style scoped>
.liubotukuang{
    width: 90%;
    height: 1.7rem;
    margin: auto;
    border-radius: .2rem;
}
.lunbotu img {
  width: 100%;
  height: 1.5rem;
}
.my-swipe{
    margin: auto;
}
</style>